<template>
        <div class="child">
              <h3>子组件</h3>
              <h4>玩具：{{ toy }}</h4>
              <button @click="$emit('send-toy',toy)">把玩具给父亲</button>
        </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue';

let toy = ref("奥特曼")
defineEmits(['send-toy'])
</script>
<style scoped>
        .child{
                background-color: rgb(76, 209, 76);
                padding: 10px;
                box-shadow: 0 0 10px black;
                border-radius: 10px;
        }
</style>